<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title></title>
  <script src="js/jquery-1.8.3.min.js"></script>
  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/scrollReveal.js"></script>
  <script src="js/main.js"></script>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/main.css">
</head>

<body>
  <!-- 导航条 -->
  <nav class="navbar navbar-default">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
          data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

        <a class=" hidden-xs hidden-sm" href=""><img  src="img/logonew.png" alt=""></a>
        <a class="navbar-brand hidden-lg hidden-md" href="#"><img src="img/logonewsmall.png" alt=""></a> 
        <!-- <a class="navbar-brand" href="#"></a> -->
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li><a href="main.html">首页</a></li>
          <li><a href="about.html">关于我们</a></li>
          <li><a href="service.html">服务范围</a></li>
          <li><a href="example.html">案列</a></li>
          <li><a href="callus.html">联系我们</a></li>
        </ul>

        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">登录</a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>

  <!-- 轮播图 -->
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"
    data-scroll-reveal="enter top over 0.5s after 0.1s">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      <li data-target="#carousel-example-generic" data-slide-to="3"></li>

    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <div class="bc hidden-xs" style="background-image: url(img/1.jpg); background-attachment: fixed;">
        </div>
        <img class="hidden-md hidden-lg" src="img/1.jpg" alt="...">
        <div class="carousel-caption">
        </div>
      </div>

      <div class="item">
          <div class="bc hidden-xs" style="background-image: url(img/2.jpg); background-attachment: fixed;">
          </div>
        <img class="hidden-md hidden-lg" src="img/2.jpg" alt="...">
        <div class="carousel-caption">
        </div>
      </div>

      <div class="item">
          <div class="bc hidden-xs" style="background-image: url(img/3.jpg); background-attachment: fixed;">
          </div>
        <img class="hidden-md hidden-lg" src="img/3.jpg" alt="...">
        <div class="carousel-caption">
        </div>
      </div>

      <div class="item">
          <div class="bc hidden-xs" style="background-image: url(img/4.jpg); background-attachment: fixed;">
          </div>
        <img class="hidden-md hidden-lg" src="img/4.jpg" alt="...">
        <div class="carousel-caption">
        </div>
      </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
  <!-- 巨幕 -->
  <div class="jumbotron">
    <div class="container" data-scroll-reveal="enter bottom after 0.2s">
      <h1 class="text-center abouth1">about</h1>
      <p class="text-center aboutc1 hidden-xs">巴斯图互联网营销机构，成立于2018年、</p>
      <p class="text-center aboutc1 hidden-xs"> 中国公共关系协会会员；总部位于北京，并在全国各地设有分公司。
      </p>
      <p class="text-center aboutc1 hidden-xs">
        公司聚集于汽车数字营销领域的价值创造，为奇瑞捷豹路虎、雷克萨斯、DS、长安马自达、东风雪铁龙等</p>
      <p class="text-center aboutc1 hidden-xs">
        主流汽车厂商，提供互联网媒介投放、EPR营销、电商运营及数字整合营销等服务，</p>
      <p class="text-center aboutc1 hidden-xs"> 2015年度营业额约5.2亿元，多次捧获虎啸奖、金瑞奖、金鼠标、金蜜蜂等业内重量级奖项。</p>
      <p class="text-center aboutc2">这里聚集了大批互动高手，有传说中各种4A公司的资深创意狂人，有无所不能的技术精英，还有门户网站的媒体运营高手...... </p>
      <p class="text-center aboutc2 hidden-xs"> 凭借独特的数字化营销见解，综合运用各种网络营销手段，在国内较早实现了网络营销服务体系化，</p>
      <p class="text-center aboutc2 hidden-xs"> 并通过数十家网络技术支持和数百家WEB平台合作资源，为客户谋求丰厚的传播解决方案与利益回报。</p>
      <p class="text-center aboutc3">我们坚信 数字+激情，创意+整合...... <br>
        将所有的创新元素整合在一起，创造出新的价值，是我们能够实现超越客户期望的创新所在。</p>
      <p class="text-center"><a class="readmore" href="#">READ MORE</a></p>
    </div>
  </div>

  <!-- 选项卡 -->
  <div class="container-fluid">
    <div class="jumbotron">
      <h1 class="text-center abouth1" data-scroll-reveal="enter left after 0.2s">OUR METHOD
      </h1>
      <div class="container newsimgbox">
        <div class="row">
          <div class="col-xs-12 col-md-4" data-scroll-reveal="enter left after 0.2s">
            <a href="#" class="thumbnail newsimg">
              <img src="img/main7.png" alt="...">
            </a>
            <p class="text-center"><span>精准品牌定位</span></p>
            <p class="text-center">
              迅速锁定目标人群和市场，精准定位，快速提升品牌形象。</p>
            <p class="text-center"><a class="readmore" href="#">READ MORE</a></p>
          </div>
          <div class="col-xs-12 col-md-4" data-scroll-reveal="enter top over 0.5s after 0.2s">
            <a href="#" class="thumbnail newsimg">
              <img src="img/main8.png" alt="...">
            </a>
            <p class="text-center"><span>快速产品创新</span></p>
            <p class="text-center">
              打造明星产品，疾速解决营销效率问题，
              快速提高产品销量。</p>
            <p class="text-center"><a class="readmore" href="#">READ MORE</a></p>
          </div>
          <div class="col-xs-12 col-md-4" data-scroll-reveal="enter bottom after 0.2s">
            <a href="#" class="thumbnail newsimg">
              <img src="img/main9.png" alt="...">
            </a>
            <p class="text-center"><span>创意跨界营销</span></p>
            <p class="text-center">
              打破传统，实施创新、实效的跨界营销，
              快速提升商业价值。</p>
            <p class="text-center"><a class="readmore" href="#">READ MORE</a></p>
          </div>
        </div>
      </div>
    </div>
  </div>
  




  <div class="container-fuild foot">
    <div class="container">
      <div class="row">
        <div class="col-md-4 erweima">
          <div class="col-md-4 col-sm-2 " >
            <p class="text-center"><img src="img/erweima.png" alt=""></p>
            <p class="text-center erweima_text">关注Design设计公众平台</p>
          </div>
          <div class="col-md-2 hidden-xs" >
          </div>
          <div class="col-md-6 col-sm-2 dizhi" >
            <p class="hidden-xs"><img src="img/logohui.png" alt=""></p>
            <p class=" erweima_text hidden-xs">Design设计</p>
            <p class=" erweima_text hidden-xs">重庆市沙坪区</p>
            <p class=" erweima_text hidden-xs">TEL：68629999</p>
            <p class=" erweima_text hidden-xs"> QQ：1195223069</p>

          </div>
        </div>
        <div class="col-md-6 hidden-xs">
            <div class="col-md-2 col-sm-2 hidden-xs ">
              <dl class="foot_list" >
                <dt class ="text-center"> <a href="">案列</a> </dt>
                <dd class ="text-center"><a href="">品牌策划</a></dd>
                <dd class ="text-center"><a href="">品牌设计</a></dd>
                <dd class ="text-center"><a href="">商业空间</a></dd>
              </dl>
            </div>
            <div class="col-md-2  col-sm-2 hidden-xs ">
              <dl class="foot_list" >
                <dt class ="text-center"><a href="">关于</a> </dt>
                <dd class ="text-center"><a href="">设计是谁</a></dd>
                <dd class ="text-center"><a href="">合作须知</a></dd>
                <dd class ="text-center"><a href="">商业空间</a></dd>
              </dl>
            </div>
            <div class="col-md-2 col-sm-2 hidden-xs ">
              <dl class="foot_list" >
                <dt class ="text-center"><a href="">服务</a></dt>
                <dd class ="text-center"><a href="">服务范围</a></dd>
                <dd class ="text-center"><a href="">服务咨询</a></dd>
                <dd class ="text-center"><a href="">服务内容</a></dd>
              </dl>
            </div>
            <div class="col-md-2 col-sm-2 hidden-xs ">
              <dl class="foot_list" >
                <dt class ="text-center"><a href="">联系</a></dt>
                <dd class ="text-center"><a href="">位置地图</a></dd>
                <dd class ="text-center"><a href="">联系方式</a></dd>
                <dd class ="text-center"><a href="">加入我们</a></dd>
              </dl>
            </div>
        </div>
        <div class="col-md-2 col-sm-12">
            <p class ="hidden-sm hidden-xs">本网站设计、源代码及其中所展示之作品著作权</p>
            <p class ="hidden-sm  hidden-xs">均属于Design品牌设计，</p>
            <p class ="hidden-sm hidden-xs">保留所有权利。</p>
          <p class ="text-center hidden-md hidden-lg">本网站设计、源代码及其中所展示之作品著作权</p>
          <p class ="text-center hidden-md hidden-lg">均属于Design品牌设计，</p>
          <p class ="text-center hidden-md hidden-lg">保留所有权利。</p>
        </div>
      </div>
    </div>
    <br>
    <p class="text-center" style="margin-bottom:0px">Copyright © 2019.Company name All rights reserved.</p>
  </div>

  <!-- <a class="cd-top">

  </a> -->
  <script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
      (function () {
        window.scrollReveal = new scrollReveal({
          reset: true
        });
      })();
    };
  </script>


</body>

</html>